<template>
  <div class="page">
    <div class="page-breadcrumb">
      <el-breadcrumb class="strong" separator="/">
        <el-breadcrumb-item :to="{ path: '/assess/scoreList' }">评分列表</el-breadcrumb-item>
        <el-breadcrumb-item>评分详情</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    
    <v-pageSearch>
      <el-form :inline="true">
        <el-row>
          <el-col :span="6">
            <el-form-item>
              <el-form-item label="编号：">
                <h4>{{staff}}</h4>
              </el-form-item>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item>
              <el-form-item label="考核对象：">
                <h4>{{staff}}</h4>
              </el-form-item>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="考核月度：">
              <h4>{{date}}</h4>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="级别：">
              <el-tag :type="level | statusFilterType">{{level | statusFilter}}</el-tag>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </v-pageSearch>
    <el-collapse v-model="activeNames">
      <el-collapse-item title="评分" name="1">
        <el-tabs type="border-card">
          <el-tab-pane label="工作量分(40%)">
            <el-form ref="form" :model="form.work" label-width="120px" class="form-small" label-position="left">
              <el-form-item label="当前分数">
                <h4>{{form.work.score}}</h4>
              </el-form-item>
              <el-form-item label="请假小时数">
                <el-input-number size="small" :step='0.5' :max='240' :min='0' v-model="form.work.leave"></el-input-number>
              </el-form-item>
              <el-form-item label="特殊加班小时数">
                <h4>{{form.work.overTime}}</h4>
              </el-form-item>
            </el-form>
          </el-tab-pane>
          <el-tab-pane label="工作品质分(30%)">
            <el-form ref="form" :model="form.quality" label-width="120px" class="form-small" label-position="left">
              <el-form-item label="当前分数">
                  <h4>{{form.quality.score}}</h4>
              </el-form-item>
              <el-form-item label="评价内容">
                <el-input type="textarea" v-model="form.quality.content"></el-input>
              </el-form-item>
              <el-form-item label="评分">
                  <el-input-number size="small" :max='100' :min='0' v-model="form.quality.score"></el-input-number>
              </el-form-item>
            </el-form>
          </el-tab-pane>
          <el-tab-pane label="团队协作分(18%)">
            <el-form ref="form" :model="form.team" label-width="120px" class="form-small" label-position="left">
              <el-form-item label="当前分数">
                  <h4>{{form.team.score}}</h4>
              </el-form-item>
              <el-form-item label="评价内容">
                <el-input type="textarea" v-model="form.team.content"></el-input>
              </el-form-item>
              <el-form-item label="评分">
                  <el-input-number size="small" :max='100' :min='0' v-model="form.team.score"></el-input-number>
              </el-form-item>
            </el-form>
          </el-tab-pane>
          <el-tab-pane label="平时分(20%)">
            <el-form ref="form" :model="form.normal" label-width="120px" class="form-small" label-position="left">
              <el-form-item label="当前分数">
                  <h4>{{form.normal.score}}</h4>
              </el-form-item>
              <el-form-item label="评价内容">
                <el-input type="textarea" v-model="form.normal.content"></el-input>
              </el-form-item>
              <el-form-item label="评分">
                  <el-input-number size="small" :max='100' :min='0' v-model="form.normal.score"></el-input-number>
              </el-form-item>
            </el-form>
          </el-tab-pane>
          <el-tab-pane label="学习创新分(10%)">
            <el-form ref="form" :model="form.study" label-width="120px" class="form-small" label-position="left">
              <el-form-item label="当前分数">
                  <h4>{{form.study.score}}</h4>
              </el-form-item>
              <el-form-item label="评价内容">
                <el-input type="textarea" v-model="form.study.content"></el-input>
              </el-form-item>
              <el-form-item label="评分">
                  <el-input-number size="small" :max='100' :min='0' v-model="form.study.score"></el-input-number>
              </el-form-item>
            </el-form>
          </el-tab-pane>
          <el-tab-pane label="经理评分(80%)">
            <el-form ref="form" :model="form.master" label-width="120px" class="form-small" label-position="left">
              <el-form-item label="当前分数">
                  <h4>{{form.master.score}}</h4>
              </el-form-item>
              <el-form-item label="全 勤 (2%) " prop="status">
                <el-switch
                  v-model="form.attend"
                  on-color="#20A0FF"
                  off-color="#ff4949">
                </el-switch>
              </el-form-item>
              <el-form-item label="评分">
                  <el-input-number size="small" :max='100' :min='0' v-model="form.master.score"></el-input-number>
              </el-form-item>
            </el-form>
          </el-tab-pane>
        </el-tabs>
      </el-collapse-item>
      <el-collapse-item title="月度总结" name="2">
        <el-form :inline="true" class="form-small">
          <el-row>
            <el-col :span="6">
              <el-form-item label="总评分：">
                <h4>{{date}}</h4>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="级别：">
                <el-tag :type="level | statusFilterType">{{level | statusFilter}}</el-tag>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <div>
          <tinymce :height='150' v-model="content"></tinymce>
        </div>
      </el-collapse-item>
      <el-collapse-item title="评分制度说明" name="3">
        <div>
          <p style="text-indent:2em;">4项考核指标默认75分。所有人工评分的，不论增减，都需备注说明缘由。除工作量可120分，其他均为最大100分。由部门经理评审。</p>
          <p style="text-indent:2em;"><span style="color:red;font-weight:600;">工作量：</span>自动计算。7.5*21.75=163时，163*20%=33时。每加班2小时加1分，最多加40分到120分；事假每2小时减1分，其他假不减；晚上加班时间从18点计，周末加班时间从9:30计。 
          </p>
          <p style="text-indent:2em;"><span style="color:red;font-weight:600;">工作品质：</span>对于新项目，提前完成，优秀以上；非客观因素延后，70分以下；版本需控制在4个以内，每减少一版加3分；对于维护项目：及时顺畅响应客户需求和解决问题，加5分以上；有外部明显催促和延后，减5分以上；版本需控制在2个以内，每减少一版加3分。出厂(场测)版本：1星期内出现影响操作、低级、重复的BUG，减5分以上； SVN版本控制，分支版本遗漏的减3分。  
          </p>
          <p style="text-indent:2em;"><span style="color:red;font-weight:600;">团队协作：</span>驻点开发、现场支持、问题响应、晚上周末临时解决问题或修改需求、主动担当、帮助同事、代码评审、内部分享培训等，视情况每次加3、5、10分；别部门和客户的意见评价也适用；反向意义减之。  
          </p>
          <p style="text-indent:2em;"><span style="color:red;font-weight:600;">学习创新：</span>引入新技术、明显的改进优化软件、解决重大bug或者难题、提升质量和效率的措施、适合团队或公司的建议等。每月有奖的，满分；提名认可的85—95；有反向意义的则减分。  
          </p>
          <p style="text-indent:2em;">自动评：每天实时计算；</p>
          <p style="text-indent:2em;">人工评：每个月月底到下月初5个工作日内。 </p>
          <p style="text-indent:2em;">自 评：自荐一个月来有哪些内容值得加分，在这里提出申请，便于经理参考。</p>
          <p style="text-indent:2em;"><span style="color:red;font-weight:600;">平时分：</span>默认基础75分，根据实际情况加减，3,5为基数；工作表现有异于正常预期；或好或差；随时打分。由曾建清评审。  
          </p>
          <p style="text-indent:2em;"><span style="color:red;font-weight:600;">级别：</span>特别优秀 >=95分</p>
          <p style="text-indent:5em;">优秀 >=85分</p>
          <p style="text-indent:5em;">良好 >=75分</p>
          <p style="text-indent:5em;">合格 >=60分</p>
          <p style="text-indent:5em;">差   < 60分</p>
        </div>
      </el-collapse-item>
    </el-collapse>
    
    <el-row type="flex" justify="center" style="margin-top:20px;">
      <el-col :span="3">
        <el-button type="success" @click="onSubmit"><i class="fa fa-check fa-lg"></i> &nbsp;提交</el-button>
      </el-col>
      <el-col :span="3">
        <v-pageBack align='right' style="padding:0;">
        </v-pageBack>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import Tinymce from '@/components/common/Tinymce'
import util from '../../util/util'

  export default {
    components: { Tinymce },
    data() { 
      return {
        activeNames: ['1','2'],
        date: '',
        level: 0,
        auditor: '',  
        content:'',

        form: {
          work:{
            content: '',
            score: 75,
            overTime: 7.5,
            leave: 0
          },
          quality:{
            content: '',
            score: 75
          },
          team:{
            content: '',
            score: 75
          },
          normal:{
            content: '',
            score: 75
          },
          study:{
            content: '',
            score: 75
          },
          master:{
            content: '',
            score: 75
          },
          attend:true
        }
      };
    },
    filters: {
      statusFilter(level) {
        const statusMap = ['优','良','中','差']
        return statusMap[level]
      },
      statusFilterType(level) {
        const statusMapType = ['primary','success','danger','error']
        return statusMapType[level]
      }
    },
    methods: {
        // 接收路由参数数据
        fetchData () {
            let objArr = this.$route.query.obj.split(',');
            this.staff = objArr[1];
            this.level = parseInt(objArr[2]);
            console.log(objArr)
            this.content =  '勃，三尺微命，一介书生。无路请缨，等终军之弱冠；有怀投笔，慕宗悫之长风。舍簪笏于百龄，奉晨昏于万里。非谢家之宝树，接孟氏之芳邻。他日趋庭，叨陪鲤对；今兹捧袂，喜托龙门。杨意不逢，抚凌云而自惜；钟期既遇，奏流水以何惭？'
        },
        onSubmit(){
          console.log(this.form)
        }
    },
    created() {
        this.fetchData()
    },
    mounted() {
        
    }
  }
</script>
<style scoped>
  
</style>
